<template>
    <div class="main">
        <div class="photo">
            <img src="@/assets/images/base-images/解决-女头.png" alt="">
        </div>
        <div class="user">
            <span>{{username}}</span>
        </div>
        

    </div>
</template>

<script>
    export default {
        props: {
            photourl: {
                type: String,
                default: ''
            },
            username:{
                type:String,
                default:'张三'
            }
        },
    }
</script>

<style scoped>
    .main{
        margin-top: 64px;
        width: 100%;
        height: 150px;
        background-image: url('../../assets/images/base-images/我的-头像背景.png');
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        align-items: center;
        /* justify-content: center; */

    }
    .photo {
        margin: 0 20px;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 2px solid rgb(146, 4, 4);
    }
    .photo img{
        width: 60px;
        height: 60px;
    }
</style>